<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/shoppimg1.css">
    <link rel="stylesheet" href="icon/iconfont.css">
</head>
<body>
    <div class="line">
        <div class="main">
            <div class="header">
                <div class="header_left">
                    <h1>米哥</h1>
                    <h2>我的购物车</h2>
                    <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
                </div>
                <div class="header_right">
                    <a id="name" href="#">登录</a>
                    <span>｜</span>
                    <a id="xs" href="#">注册</a>
                </div>
            </div>
        </div>
    </div>

    <div class="bgc" id="bgc">
        <div class="main">
            <div class="title">
                <ul>
                    <li>
                        <input id="btn1" type="checkbox" >全选
                    </li>
                    <li>商品名称</li>
                    <li>单价</li>
                    <li>数量</li>
                    <li>小计</li>
                    <li>操作</li>
                </ul>
            </div>
            <div class="list" >
                <ul>
                    <li><input id="btn2" type="checkbox"></li>
                    <li><img src="image/shoppimg/01.png" alt=""><span id="memory">Redmi k50 8GH+128GH 墨羽</span></li>
                    <li id="qian1">2400元</li>
                    <li id="btn"><button >-</button><button>1</button><button>+</button></li>
                    <li id="qian2">2400元</li>
                    <li id="cha">X</li>
                </ul>
                <ul>
                    <li><img src="image/shoppimg/02.png" alt=""><p>意外保障 299元<span>(意外损免费修)</span><a href="#">了解意外保护&gt;</a></p></li>
                    <li><img src="image/shoppimg/02.png" alt=""><p>意外保障 299元<span>(意外损免费修)</span><a href="#">了解意外保护&gt;</a></p></li>
                    <li><img src="image/shoppimg/02.png" alt=""><p>延长保修服务 179元<span>(碎屏免费修)</span><a href="#">了解延长保修&gt;</a></p></li>
                    <li><img src="image/shoppimg/02.png" alt=""><p>云空间年卡 200元<span>(意外损免费修)</span><a href="#">了解云空间服务&gt;</a></p></li>
                    <li><img src="image/shoppimg/02.png" alt=""><p>云空间年卡 200元<span>(意外损免费修)</span><a href="#">了解云空间服务 &gt;</a></p></li>
                    <li><img src="image/shoppimg/02.png" alt=""><p>云空间年卡 200元<span>(意外损免费修)</span><a href="#">了解云空间服务 &gt;</a></p></li>
                    <li><img src="image/shoppimg/02.png" alt=""><p>云空间年卡 200元<span>(意外损免费修)</span><a href="#">了解云空间服务 &gt;</a></p></li>
                </ul>
            </div>   
            <div class="flooter">
                <div class="flooter_left">
                    <span>继续购物</span>
                    <span>｜</span>
                    <p>已选<span>1</span>件</p>
                </div>
                <div class="flooter_right">
                    <p>合计：<span id="qian3">2400</span>元</p>
                    <button  id="btn3" disabled>去结算</button>
                </div>
            </div> 
        </div>
    </div>
    <div class="mainf">
        <div class="flooter">
            <div class="flooter_top">
                <ul>
                    <li><span class="iconfont">&#xe62e;</span>预约维修服务</li>
                    <li><span class="iconfont">&#xe61f;</span>7天无理由退货</li>
                    <li><span class="iconfont">&#xe606;</span>15天免费换货</li>
                    <li><span class="iconfont">&#xe603;</span>满69元包邮</li>
                    <li><span class="iconfont">&#xe675;</span>520余家售后网点</li>
                </ul>
            </div>
            <div class="flooter_bottom">
                <ul class="flooter_bottom_left">
                    <li>
                        <h2>帮助中心</h2>
                        <p>账户管理</p>
                        <p>购物指南</p>
                        <p>订单操作</p>
                    </li>
                    <li>
                        <h2>服务支持</h2>
                        <p>售后政策</p>
                        <p>自助服务</p>
                        <p>相关下载</p>
                    </li>
                    <li>
                        <h2>线下门店</h2>
                        <p>小米之家</p>
                        <p>服务网点</p>
                        <p>授权体验店专区</p>
                    </li>
                    <li>
                        <h2>关于小米</h2>
                        <p>了解小米</p>
                        <p>加入小米</p>
                        <p>投资者关系</p>
                        <p>企业社会责任</p>
                        <p>廉洁举报</p>
                    </li>
                    <li>
                        <h2>关注我们</h2>
                        <p>新浪微博</p>
                        <p>官方微信</p>
                        <p>联系我们</p>
                        <p>公益基金会</p>
                    </li>
                    <li>
                        <h2>特色服务</h2>
                        <p>F码通道</p>
                        <p>礼物码</p>
                        <p>防伪查询</p>
                    </li>
                </ul>
                <div class="flooter_bottom_right">
                    <h2>400-100-5678</h2>
                    <p>8:00-18:00 (仅收市话费)</p>
                    <a href="#">人工客服</a>
                    <p>关注小米 <span class="iconfont">&#xe601;
                    </span> <span class="iconfont">&#xe602;</span></p>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery.slim.min.js"></script>
    <script src="js/shopping.js">
        
    </script>
</body>
</html>